<!--
  Generated template for the AssistantqingjiaPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>请假申请</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>
  <ion-list class="apply">
    <ion-item class="sitem">
      <ion-label fixed>
        <span>*</span>姓名</ion-label>
      <ion-input type="text" [(ngModel)]="inputViewModel.applyapplymember" readonly="true"></ion-input>
    </ion-item>
    <ion-item class="sitem">
      <ion-label fixed>
        <span>*</span>请假种类</ion-label>
      <ion-select [(ngModel)]="inputViewModel.applyapplytypes" interface="popover" [compareWith]="compareselect">
        <ion-option *ngFor="let item of inputSelectView.applyoaleaveDefItems" [value]="item">{{item.name}}</ion-option>
      </ion-select>
    </ion-item>
    <ion-item class="sitem">
      <ion-label fixed>
        <span>*</span>申请日期</ion-label>
      <ion-input type="text" [(ngModel)]="inputViewModel.applytime" readonly="true"></ion-input>
    </ion-item>
    <ion-item class="sitem">
      <ion-label fixed>
        <span>*</span>申请公司</ion-label>
      <ion-input type="text" [(ngModel)]="inputViewModel.applycompany.name" readonly="true" tappable (click)="applycompanyselect()"></ion-input>
      <i class="iconfont icon-sousuo" item-end tappable (click)="applycompanyselect()"></i>
    </ion-item>
    <ion-item class="sitem">
      <ion-label fixed>
        <span>*</span>申请部门</ion-label>
      <ion-input [(ngModel)]="inputViewModel.applydepartment.name" readonly="true" tappable (click)="applydepartselect()">
      </ion-input>
      <i class="iconfont icon-sousuo" item-end tappable (click)="applydepartselect()"></i>
    </ion-item>
    <ion-item class="titem">
      <ion-label stacked>
        <span>*</span>请假事由</ion-label>
      <ion-textarea [(ngModel)]="inputViewModel.applychangenote"></ion-textarea>
    </ion-item>
    <ion-item class="sitem">
      <ion-label fixed>
        <span>*</span>开始时间</ion-label>
      <ion-datetime [(ngModel)]="inputViewModel.applyholidaystarttime" type="datetime-local" pickerFormat="YYYY-MM-DD HH:mm:ss"
        displayFormat="YYYY-MM-DD HH:mm:ss" min="{{this.inputSelectView.applyoaminDate}}" max="{{this.inputSelectView.applyoamaxDate}}"
        cancelText="取消" doneText="确认" (ngModelChange)="applychangeDate($event)"></ion-datetime>
    </ion-item>
    <ion-item class="sitem">
      <ion-label fixed>
        <span>*</span>结束时间</ion-label>
      <ion-datetime [(ngModel)]="inputViewModel.applyholidayendtime" type="datetime-local" pickerFormat="YYYY-MM-DD HH:mm:ss" displayFormat="YYYY-MM-DD HH:mm:ss"
        min="{{this.inputSelectView.applyoaminDate}}" max="{{this.inputSelectView.applyoamaxDate}}" cancelText="取消" doneText="确认"></ion-datetime>
    </ion-item>
    <ion-item class="sitem">
      <ion-label fixed>
        <span>*</span>请假天数</ion-label>
      <ion-input type="text" [(ngModel)]="inputViewModel.applyholidaydays"></ion-input>
    </ion-item>
    <ion-item class="sitem">
      <ion-label fixed>
        <span>*</span>家庭住址</ion-label>
      <ion-input type="text" [(ngModel)]="inputViewModel.applyholidayaddress"></ion-input>
    </ion-item>
    <ion-item class="sitem">
      <ion-label fixed>
        <span>*</span>联系电话</ion-label>
      <ion-input type="text" [(ngModel)]="inputViewModel.applyholidaytel"></ion-input>
    </ion-item>
    <ion-item class="sitem">
      <ion-label fixed>
        <span>*</span>职务</ion-label>
      <ion-input type="text" [(ngModel)]="inputViewModel.applyholidayjob"></ion-input>
    </ion-item>
    <ion-item class="sitem">
      <ion-label fixed>
        <span>*</span>参加工作时间</ion-label>
      <ion-datetime [(ngModel)]="inputViewModel.applyholidayjointime" type="datetime-local" pickerFormat="YYYY-MM-DD HH:mm:ss"
        displayFormat="YYYY-MM-DD HH:mm:ss" min="{{this.inputSelectView.applyoaminDate}}" max="{{this.inputSelectView.applyoamaxDate}}"
        cancelText="取消" doneText="确认"></ion-datetime>
    </ion-item>
    <ion-item class="sitem">
      <ion-label fixed>
        <span>*</span>工龄(年)</ion-label>
      <ion-input type="text" [(ngModel)]="inputViewModel.applyholidayworkage"></ion-input>
    </ion-item>
    <ion-item class="sitem">
      <ion-label fixed>
        <span>*</span>年休假标准(天)</ion-label>
      <ion-input type="text" [(ngModel)]="inputViewModel.applyholidayyeardays"></ion-input>
    </ion-item>
    <ion-item class="sitem">
      <ion-label fixed>
        <span>*</span>请假人</ion-label>
      <ion-input type="text" [(ngModel)]="inputViewModel.applyholidaymember" readonly="true"></ion-input>
    </ion-item>
    <ion-item class="titem">
      <ion-label stacked>
        <span>*</span>备注</ion-label>
      <ion-textarea [(ngModel)]="inputViewModel.applynote"></ion-textarea>
    </ion-item>
    <!--提交相关 -->
    <ion-item class="sitem">
      <ion-label fixed>
        <span>*</span>当前节点</ion-label>
      <ion-input type="text" [(ngModel)]="inputViewModel.applynownode" readonly="true"></ion-input>
    </ion-item>
    <ion-item class="sitem">
      <ion-label fixed>
        <span>*</span>当前处理人</ion-label>
      <ion-input type="text" [(ngModel)]="inputViewModel.applynowmember" readonly="true"></ion-input>
    </ion-item>
    <ion-item class="sitem">
      <ion-label fixed>
        <span>*</span>下一步审批节点</ion-label>
      <ion-input type="text" [(ngModel)]="inputViewModel.applynextnode" readonly="true"></ion-input>
    </ion-item>
    <ion-item class="sitem">
      <ion-label fixed>
        <span>*</span>下一步审批人</ion-label>
      <ion-input [(ngModel)]="inputViewModel.applynextman.name" readonly="true" tappable (click)="applyapplymemberselect()">
      </ion-input>
      <i class="iconfont icon-sousuo" item-end tappable (click)="applyapplymemberselect()"></i>
    </ion-item>

    <!--执行相关 -->
    <ion-item class="aitem">
      <button ion-button (click)="applyapplydone()">提交</button>
    </ion-item>
  </ion-list>
</ion-content>